<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>

        // 1 计算1-10的和
        //   分析：1+2+3+4+5+6+7+8+9+10
        //         1+2=3
        //         3+3=6
        //         6+4=10
        //         10+5=15
        //         。。。

        //   每次都只加一个数，存放到总和的结果中   拿这个结果去加后面一个数
        // var sum = 0 ;
        // sum += 1 ;
        // sum += 2 ;
        // sum += 3 ;
        // ...

        var sum = 0;  // 求和的结果

        // 循环只是计算的一个过程
        var count = 1;
        while (count <= 10) {
            sum += count;
            count++;
        }

        // 最终只输出一个结果
        document.write('1-10的和是' + sum);





        // 2 100以内 奇数的和  
        var sum = 0;
        var count = 1;
        while (count < 100) {
            // 判断是奇数才累加
            if (count % 2) {
                sum += count;
            }
            count++;
        }

        document.write('<h1>' + sum + '</h1>');



        // 3 100以内同时被 4和7整除的数的和


        // 4 10以内的阶乘   1*2*3*4...*10
        //   1*2=2
        //   2*3=6
        //   6*4=24
        //   ...

        var jc = 1;   //  乘法初始值1   求和的初始值为0
        var count = 1;
        while (count <= 10) {
            jc *= count;
            count++;
        }
        document.write('<h1>' + jc + '</h1>');

    </script>

</body>

</html>